// import React, { useState } from 'react'

// let App = (props) => {
//   const [count, setCount] = useState(0)
//   const handleClick = () => {
//     setCount(1)
//   }
//   console.log(123)
//   return (
//     <div>
//       <h1> hello App</h1>
//       <button onClick={handleClick}>点击</button>
//       <div>{Math.random()}</div>
//     </div>
//   )
// }

// export default App

// import React, { useState } from 'react'

// let App = (props) => {
//   const [count, setCount] = useState(0)
//   const handleClick = () => {
//     setCount(1)
//   }
//   return (
//     <div>
//       <h1> hello App</h1>
//       <button onClick={handleClick}>点击</button>
//       <Head count={count} />
//     </div>
//   )
// }
// let Head = React.memo(() => {
//   console.log(1)
//   return <div>hello Head, {Math.random()}</div>
// })

// export default App


import React, { memo } from 'react'

const App = memo(() => {
  return (
    <div>App</div>
  )
})

export default App